<template>
  <div class="cont">
    <div>
      <p style="font-size: 20px;">{{ title }}</p>
      <p>{{ price }}</p>
      <p>销量{{ num }}</p>
    </div>
  </div>
</template>

<script>
export default {
  name: "List1",
  data(){
    return{
    }
  },
  props:{
    title:{
      type:String,
      required:true
    },
    price:{
      type:Number,
      required:true
    },
    num:{
      type:Number,
      required:true
    },
  }
}
</script>

<style scoped>
.cont{
  float: left;
  font-size: 20px;
  width: 9em;
}
</style>